<template>
  <div class="CsiiTest">
    aaa
    <el-button type="primary">主要按钮</el-button>
    <banner :imgList="imgList">
      <template slot="content" slot-scope="data">
        <img class="image-item" :src="data.data.item.imgUrl" alt="" />
      </template>
    </banner>
    <hr />
    <div style="width: 300px">
      <banner :imgList="imgList" height="350px">
        <template slot="content" slot-scope="data">
          <img
            class="image-item"
            :src="data.data.item.imgUrl"
            @click="goImgDetail(data.data.item)"
            alt=""
          />
        </template>
      </banner>
    </div>
    <hr />
    <home-banner :imgList="imgList"></home-banner>
  </div>
</template>

<script>
import Banner from "../components/Banner";
import HomeBanner from "../components/HomeBanner";

export default {
  name: "CsiiTest",
  components: {
    Banner,
    HomeBanner
  },
  data() {
    return {
      imgList: [
        {
          imgUrl: require("@/assets/images/nezha01.jpg")
        },
        {
          imgUrl: require("@/assets/images/nezha02.jpg")
        },
        {
          imgUrl: require("@/assets/images/nezha03.jpg")
        }
      ]
    };
  },
  methods: {
    requestInfo() {
      this.$remote("/dp/model/listOperationDpModel.action", {
        projectId: "E83B788D8A6442FCABDE8BD5DECFF48B"
      }).then(data => {
        console.log(data);
        console.log("接口调用成功");
      });
    },
    goImgDetail(obj) {
      console.log("obj====", obj);
    }
  },
  created() {
    this.requestInfo();
  }
};
</script>

<style scoped></style>
